@if mgwt.css pretty {
  @external mgwt-TabBar, mgwt-TabPanel;
}

@if user.agent safari {
  .mgwt-TabPanel {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
  }
}

@if user.agent gecko1_8 {
  .mgwt-TabPanel {
    display: -webkit-box;
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
  }
}

.mgwt-TabPanel {
  display: flex;
  flex: 1;
  flex-direction: column;
}

@if user.agent safari {
  .mgwt-TabPanel-container {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
  }
}

@if user.agent gecko1_8 {
  .mgwt-TabPanel-container {
    display: -webkit-box;
    -moz-box-flex: 1;
    -moz-box-orient: vertical;
  }
}

.mgwt-TabPanel-container {
  overflow: hidden;
  display: flex;
  flex:1;
}

@if user.agent safari {
  .mgwt-TabBar {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
  }
}
@if user.agent gecko1_8 {
  .mgwt-TabBar {
    display: -moz-box;
    -moz-box-orient: horizontal;
  }
}
.mgwt-TabBar {
  display: flex;
  justify-content: space-around;
  height: 48px;
  border-top: 1px solid black;
  background-color: #e5e9e8;
}
